import React from "react";
import { globalContainer } from "@/user.InterfaceLayer/constants/styles/CommonStyles";
import TextAtomEnum from "../../Atoms/Text.Atom/enum";
import TextAtom from "../../Atoms/Text.Atom";
import Link from "next/link";

interface FooterDescriptionProps {
  desc?: string;
}

const FooterDescription: React.FC<FooterDescriptionProps> = (props) => {
  const { desc } = props;

  return (
    <footer
      className={`${globalContainer} flex items-center justify-between py-6`}
    >
      <TextAtom
        type={TextAtomEnum.enum_h4}
        className="uppercase text-h4 font-bold"
      >
        {desc}
      </TextAtom>
      <Link
        href="https://t.me/ivan_veetsok"
        target="_blank"
        rel="noopener noreferrer"
      >
        <TextAtom
          type={TextAtomEnum.enum_h4}
          className="font-medium cursor-pointer uppercase"
        >
          © Ivan Veetsok
        </TextAtom>
      </Link>
    </footer>
  );
};

export default React.memo(FooterDescription);
